<!DOCTYPE HTML>
<html>
<head>
	<title>Home</title>
	<link href="__PUBLIC__/css/bootstrap.css" rel="stylesheet" type="text/css" media="all">
	<script src="__PUBLIC__/js/jquery.min.js"></script>
	<link href="__PUBLIC__/css/style.css" rel="stylesheet" type="text/css" media="all"/>
	<link rel="stylesheet" href="__PUBLIC__/css/Slider.css">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="keywords" content="Appest Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template,Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
</head>
<body>
<!--header start here-->
<div class="banner">
	<div class="header">
		<div class="container">
			<div class="header-main">
				<div class="logo">
					<h1><a href="index.html"><img src="__PUBLIC__/images/logo.png" alt=""></a></h1>
				</div>
				<div class="top-nav">
					<nav class="cl-effect-16">
						<ul class="res">
							<li><a href="index.html" class="active">首页</a></li>
							<foreach name="cate" item="cv">
								<li><a class="scroll" href="#">{$cv.title}</a></li>
							</foreach>
							<li class="phone"><span id="phone-ico"></span><span>0977-8335622</span></li>
						</ul>
					</nav>
				</div>
			</div>
		</div>
	</div>
	<article class="jq22-container">
		<div id="wrap">
			<ul class="hiSlider hiSlider3">
				<foreach name="bannerImg" item="biv">
					<li class="hiSlider-item"><img src="__IMG__/{$biv.fileurl}/{$biv.filename}"></li>
				</foreach>
			</ul>
		</div>
	</article>
	<script src="__PUBLIC__/js/jquery.js"></script>
	<script src="__PUBLIC__/js/Slider.min.js"></script>
	<script>
		$('.hiSlider1').hiSlider();
		$('.hiSlider2').hiSlider({
			isFlexible: true,
			mode: 'fade',
			isSupportTouch: false,
			isShowTitle: false,
			isShowPage: false,
			titleAttr: function(curIdx){
				return $('img', this).attr('alt');
			}
		});
		$('.hiSlider3').hiSlider({
			isFlexible: true,
			isSupportTouch: true,
			titleAttr: function(curIdx){
				return $('img', this).attr('alt');
			}
		});
		$('.hiSlider4').hiSlider({
			startSlide: 2,
			direction: 'top'
		});
	</script>
</div>
<!--header end here-->
<!--about start here-->
<div class="about" id="about">
	<div class="container">
		<div class="about-main">
			<div class="about-top">
				<h2>关于我们</h2>
				<foreach name="aboutArt" item="aav">
					<p>{$aav.content}</p>
				</foreach>
			</div>
			<div class="about-bottom">
				<foreach name="aboutImg" item="aiv">
					<div class="col-md-6 about-grid">
						<h3>锶对人体的好处</h3>
						<img src="__IMG__/{$aiv.fileurl}/{$aiv.filename}" alt="" class="img-responsive">
						<p>{$aiv.content}</p>
					</div>
				</foreach>
			</div>
		</div>
	</div>
</div>
<!--about end here-->
<!--why us start here-->
<div class="why-us">
	<div class="container">
		<div class="why-us-main">
			<div class="col-md-6 why-us-left">
				<h3>为什么选择我们</h3>
				<foreach name="chooseArt" item="cav">
					<h4>{$cav.content}</h4>
				</foreach>
			</div>
			<div class="col-md-6 why-us-right">
				<foreach name="chooseImg" item="civ">
					<img src="__IMG__/{$civ.fileurl}/{$civ.filename}" alt="">
				</foreach>
			</div>
		</div>
	</div>
</div>
<!--why us end here-->
<!--gallery start-->
<div class="gallery" id="gallery">
	<div class="container">
		<div class="gallery-top">
			<h3>产品展示</h3>
			<foreach name="pro_disArt" item="pda">
				<p>{$pda.content}</p>
			</foreach>
		</div>
		<div class="gallery-bottom">
			<foreach name="pro_disImg" item="pdv">
				<div class="col-md-4 gallery-grid">
					<div class="project-eff">
						<img class="img-responsive" src="__IMG__/{$pdv.fileurl}/{$pdv.filename}" alt="">
					</div>
				</div>
			</foreach>
		</div>
	</div>
</div>
<!--gallery end-->
<!--footer start-->
<div class="footer">
	<div class="container">
		<div class="footer-main">
			<div class="col-md-4 ftr-grd">
				<h3>联系我们</h3>
				<foreach name="contactArt" item="cav">
					<pre>{$cav.content}</pre>
				</foreach>
					<!--<p>热线: +182 0979 0885</p>-->
				<!--<p>邮箱:18209790885@139.com</p>-->
				<!--<p>地址:青海省海西州蒙古族藏族自治州都兰县乌苏镇锦都广场二号楼</p>-->
			</div>
		</div>
		<a href="#" id="toTop" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>
	</div>
</div>
<!--footer-->
</body>
</html>